<template>
	<div class="app-loading">
		<div class="nrc-tab-pane ">
			<div class="history-cards-wrapper">
				<div class="infinite-loader-wrapper">
					<div style="overflow: visible; height: 0px; width: 0px;">
						<div style="height: 569px; width: 355px; display: flex; align-items: center;">
							<div class="nrc-loading active "></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>
<script>
	export default {
		// props: {
		// 	gameShowTow: Boolean
		// },
		components: {},
		data() {
			return {}
		},
		created() {},
		mounted() {
			// if(!this.gameShowTow){
			// 	this.$router.push('/')
			// }
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	* {
		box-sizing: border-box;
	}

	.member-center-mission .nrc-tabs .nrc-tab-pane {
		flex: 1;
	}

	.member-center-mission .nrc-tabs .nrc-tab-pane .history-cards-wrapper {
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	.member-center-mission .history-cards-wrapper {
		padding: 15px 10px 0;
	}

	.member-center-mission .nrc-tabs .nrc-tab-pane .history-cards-wrapper .infinite-loader-wrapper {
		flex-grow: 1;
	}

	.nrc-loading.active {
		display: block;
		margin: 0 auto;
	}

	.nrc-loading {
		animation: loading-spinner 1s linear infinite;
		border-color: #666 transparent transparent #666;
		border-radius: 10px;
		border-style: solid;
		border-width: 2px;
		height: 14px;
		right: 15px;
		top: 15px;
		width: 14px;
		z-index: 2000;
	}

	@keyframes loading-spinner {
		0% {
			transform: rotate(0deg);
		}

		100% {
			transform: rotate(1turn);
		}
	}
</style>